<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="csrf-token" content="{{ csrf_token() }}" />
        <!-- 重新修改css -->
        <link rel="stylesheet" href="{{ asset("/templates/css/common/reset.css") }}" rel="stylesheet" type="text/css"/>
        <!-- area0-5的模板样式 -->
        <link rel="stylesheet" href="{{ asset("/templates/css/common/area.css") }}" rel="stylesheet" type="text/css"/>
        <!-- bootstrap -->
        <link rel="stylesheet" href="{{ asset("/custom-templates/plugins/bootstrap/bootstrap.min.css") }}" rel="stylesheet" type="text/css"/>
        <!-- font-awesome -->
        <link rel="stylesheet" href="{{ asset("/packages/admin/font-awesome/css/font-awesome.min.css") }}" rel="stylesheet" type="text/css"/>
        <!-- datatables -->
        <link href="{{ asset("/templates/js/datatables/css/css3/animate.css") }}" rel="stylesheet" type="text/css"/>
        <link href="{{ asset("/templates/js/datatables/css/fonts.css") }}" rel="stylesheet" type="text/css"/>
        <link href="{{ asset("/templates/js/datatables/css/icons.css") }}" rel="stylesheet" type="text/css"/>
        <link href="{{ asset("/templates/js/datatables/css/admin/style.css") }}" rel="stylesheet" type="text/css"/>
        <link href="{{ asset("/templates/css/common/layui.css") }}" media="all" rel="stylesheet" type="text/css" />
        <link href="{{ asset("/templates/js/datatables/css/admin/jquery.dataTables.css") }}" rel="stylesheet" type="text/css"/>

        <!-- 引入module的css -->
       <link rel="stylesheet" href="{{ asset("/templates/css/XLSZSYTJWTSYLS.css") }}" rel="stylesheet" type="text/css"/>
       
    </head>
    <body>
        <div>
            <div class="row col-sm-12 col-md-12 col-lg-12 content_title clearfix">
                <div class="row">
                    <h3 class="col-sm-4 col-md-4 col-lg-4" style="margin-top: 8px;margin-left: 130px;">
                        <span id="top_title"></span>推荐位数据编辑
                    </h3>
                    <ul class="nav nav-tabs" role="tablist" style="padding-top: 0;border-top: none;">
                        <li role="presentation" class="active editMode" style="float: right;"><a href="#editMode" aria-controls="home" role="tab" data-toggle="tab">编辑模式</a></li>
                        <li role="presentation" class="editMode" style="float: right;"><a href="#a" aria-controls="profile" role="tab" data-toggle="tab">预览模式</a></li>
                    </ul>
                </div>
            </div>
            <div class="module_box" style="padding-top: 1px;">
                <!-- 引入模板4-->
                <div class="p0_content" id="XLSZSYTJWTSYLS" style="margin-top: 50px;">
                    <div class="n7_content_top" id="y0">
                        
                    </div>
                    <div class="n7_content_bot" id="y1">

                    </div>
                </div>

                <!--  -->
                <div class="row module_content">
                    <div class="table clearfix">
                        <!-- 页面区域数据datatable -->
                        <div class="row col-sm-12 col-md-12 col-lg-12 table-itemSelsbox table-item4" id="table_pointbox">
                            <div class="wrapper wrapper-content">
                                <div class="ibox">
                                    <div class="ibox-title" style="padding: 7px 15px 7px;">
                                        <h5 style="margin-top: 8px;">
                                            <span id="area_name"></span>区域数据：该区域数据来自模板回填接口的数据-通过区位索引
                                        </h5>
                                        <button class="btn btn-sm btn-primary savebtn add_list" type="button"  data-toggle="modal" data-target="#myModal_left" style="float: right;">
                                            <i class="fa savebtn"></i>添加数据
                                        </button>
                                        <button class="btn btn-sm btn-primary savebtn" type="button" style="float: right; margin-right: 5px;" onclick="addRecommendData(this)">
                                            <i class="fa savebtn"></i>提交
                                        </button>
                                    </div>
                                    <div class="ibox-content">
                                        <table cellspacing="0" class="fl table table-striped table-bordered table-hover area_detail" id="column_recommend" style="width:100%"></table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 右边单条数据修改 -->
                        <div id="modal_right" class="modal_right col-sm-12 col-md-12 col-lg-12" >
                            <ul class="nav nav-tabs" role="tablist">
                                <h5 style="margin: 15px 0;">
                                    <span id="area"></span>推荐位<span id="area_data"></span>推荐数据编辑
                                </h5>
                                <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">推荐编辑</a></li>
                                <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">onclick</a></li>
                                <li class="optionCarousel" role="presentation"><a href="#carousel" aria-controls="carousel" role="tab" data-toggle="tab">轮播</a></li>
                            </ul>

                            <!-- Tab panes -->
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active" id="home">
                                    <div class="col-md-5 col-sm-5 col-lg-5">
                                        <div class="row">
                                            <div class="col-md-12 col-sm-12 col-lg-12 select_font">
                                                推荐标题：
                                                <input id="recommend_titles" type="text" name="title" class="selectpicker">
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12 col-sm-12 col-lg-12 select_font">
                                                推荐副标题：
                                                <input type="text" name="template" class="selectpicker">
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12 col-sm-12 col-lg-12 select_font" style="margin-top: 25px;">
                                                <div class="col-md-5 col-sm-5 col-lg-5" style="margin-top: 5px;">
                                                    推荐标签：
                                                </div>
                                                <div id="tags" class="tags col-md-7 col-sm-7 col-lg-7">
                                                    <span><input type='checkbox' name='tags'> 标签1</span>
                                                    <span><input type='checkbox' name='tags'> 标签2</span>
                                                    <span><input type='checkbox' name='tags'> 标签3</span>
                                                    <span><input type='checkbox' name='tags'> 标签4</span>
                                                    <span><input type='checkbox' name='tags'> 标签5</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-lg-6">
                                        <div class="row">
                                            <div class="col-md-3 col-sm-3 col-lg-3 select_font" style="margin-top: 35px;">
                                                推荐图片：
                                            </div>
                                            <div class="layui-upload-drag" id="impic_upload1" style="margin-top: 30px;">
                                                <img class="plus" src="/templates/images/plus_icon.png"/>
                                                <p>点击上传，或将文件拖拽到此处</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer col-md-12 col-sm-12 col-lg-12">
                                        <button type="button" class="btn btn-primary" onclick="addAmendData(this)">保存</button>
                                    </div>
                                </div>

                                <div role="tabpanel" class="tab-pane" id="profile">
                                    <div class="col-md-12 col-sm-12 col-lg-12">
                                        <div class="row col-md-8 col-sm-8 col-lg-8">
                                            <div class="col-md-12 col-sm-12 col-lg-12 select_font">
                                                动作：
                                                <select id="action" class="selectpicker" data-style="btn-info" name="action">
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row col-md-8 col-sm-8 col-lg-8">
                                            <div class="col-md-12 col-sm-12 col-lg-12 select_font">
                                                跳转到：
                                                <select id="template" class="selectpicker" data-style="btn-info" name="">
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row col-md-8 col-sm-8 col-lg-8">
                                            <div class="col-md-12 col-sm-12 col-lg-12 select_font">
                                                提示消息：
                                                <input type="text" class="selectpicker" name="message">
                                            </div>
                                        </div>
                                        <div class="row col-md-8 col-sm-8 col-lg-8">
                                            <div class="col-md-12 col-sm-12 col-lg-12 select_font">
                                                页面标题：
                                                <input type="text" class="selectpicker" name="">
                                            </div>
                                        </div>
                                    </div>
                                    <!-- <div class="col-md-6 col-sm-6 col-lg-6">
                                        <div class="row">
                                            <div class="col-md-3 col-sm-3 col-lg-3 select_font" style="margin-top: 35px;">  背景图：
                                            </div>
                                            <div class="layui-upload-drag" id="impic_upload2" style="margin-top: 30px;">
                                                <img class="plus" src="/templates/images/plus_icon.png">
                                                <p>点击上传，或将文件拖拽到此处</p>
                                            </div>
                                        </div>
                                    </div> -->
                                    <div class="modal-footer col-md-12 col-sm-12 col-lg-12">
                                        <button type="button" class="btn btn-primary" onclick="">保存</button>
                                    </div>
                                </div>

                                <div role="tabpanel" class="tab-pane" id="carousel">
                                    <div class="row">
                                        <div class="col-md-7 col-sm-7 col-lg-7 select_font">
                                            轮播速度：
                                            <select id="" class="selectpicker" name="" style="width: 30%; padding-left: 5px;">
                                                <option selected="select">1秒</option>
                                                <option>2秒</option>
                                                <option>3秒</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-7 col-sm-7 col-lg-7 select_font" style="margin-top: 15px;">
                                            指定开始轮播图片的下标：
                                            <input type="text" class="selectpicker" name="" style="width: 30%;">
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary" onclick="">保存</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shouye_recommend" style="display: none;">
                
            </div>
            <!--  -->
            <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="myModal_left">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <!-- 媒资数据的datatable -->
                        <div class="row table-itemSelsbox table-item1" id="table_livebox" style="display: none;">
                            <div class="wrapper wrapper-content">
                                <div class="ibox">
                                        <h5>
                                            添加数据表单
                                        </h5>
                                    <div class="ibox-content">
                                        <div class="row">
                                            <div class="selectListTop">
                                                <div class="from-group pull-left" style="">
                                                    <label class="pull-left control-label" style="line-height: 30px;">
                                                        数据类型：
                                                    </label>
                                                    <div class="pull-left">
                                                        <select class="input-sm form-control input-s-sm inline" id="data_type">
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="from-group pull-left" style="">
                                                    <label class="pull-left control-label" style="line-height: 30px;">
                                                        数据源：
                                                    </label>
                                                    <div class="pull-left">
                                                        <select class="input-sm form-control input-s-sm inline" id="data_source">
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="from-group pull-left">
                                                     <button class="btn btn-sm btn-primary tables-select-search" type="button">
                                                        搜索
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <table cellspacing="0" id="media_assets" class="fr table table-striped table-bordered table-hover"></table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <!-- 弹框1的确认按钮 -->
                            <button class="btn btn-sm btn-primary" type="button" onclick="addRow()">
                                <i class="fa fa-check"></i>添加
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="errorModl">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="row" style="text-align: center;">
                            <div class="errorModl" style="padding: 50px; font-size: 30px">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>

        <div id="parameter" style="display: none;">
            <span id="apprecname"></span>
            <span id="apppageid"></span>
            <span id="templatename"></span>
            <span id="pagetplname"></span>
        </div>

        <!-- jquery -->
        <script type="text/javascript" src="{{ asset("/custom-templates/plugins/jquery/jquery.min.js") }}"></script>
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script type="text/javascript" src="{{ asset("/custom-templates/plugins/bootstrap/bootstrap.min.js") }}"></script>
        <!-- store.js -->
        <script type="text/javascript" src="{{ asset("/custom-templates/plugins/store/store.min.js") }}"></script>
        <!-- datatables -->
        <script src="{{ asset("/packages/admin/layer/layer.js") }}" type="text/javascript"></script>
        <script src="{{ asset("/templates/js/datatables/js/admin/jquery.dataTables.js") }}" type="text/javascript"></script>
        <script src="{{ asset("/templates/js/datatables/js/admin/dataTables.bootstrap.js") }}" type="text/javascript"></script>
        <script src="{{ asset("/templates/js/datatables/js/admin/colResizable-1.5.min.js") }}" type="text/javascript"></script>
        <!-- 文件上传 -->
        <script type="text/javascript" src="{{ asset("/custom-templates/plugins/jquery/jquery.form.min.js") }}"></script>
        <!-- layui -->
        <script type="text/javascript" src="{{ asset("/templates/js/layui/layui.js") }}"></script>
        <!-- common -->
        <script type="text/javascript" src="{{ asset("/templates/js/common/common.js") }}"></script>
        <!-- 滚动 -->
        <script type="text/javascript" src="{{ asset("/templates/js/common/roll.js") }}"></script>
        <!-- swiper.js -->
        <script type="text/javascript" src="{{ asset("/templates/js/common/swiper.js") }}"></script>
        <!-- 接口调用 -->
        <script type="text/javascript" src="{{ asset("/templates/js/common/common_interface.js") }}"></script>
        <script type="text/javascript"> 
            var apprecname = '{{$apppage_rectpl_name}}';
            var apppageid = '{{$apppage_rectpl_id}}';
            var templatename = '{{$template_name}}';
            var pagetplname = '{{$pagetpl_name}}';
            $('#apprecname').html(apprecname);
            $('#apppageid').html(apppageid);
            $('#templatename').html(templatename);
            $('#pagetplname').html(pagetplname);
        </script>
        <script type="text/javascript" src="{{ asset("/templates/js/biz/XLSZSYTJWTSYLS.js") }}"></script>
        <script type="text/javascript">
            $(function(){
                // 防止csrf
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
            })
        </script>
    </body>
</html>
